// 娱乐票务系统设计系统变量

// 主色调 - 娱乐主题
$primary-color: #e91e63;        // 粉红色 - 主要品牌色
$primary-light: #f8bbd9;        // 浅粉色
$primary-dark: #ad1457;         // 深粉色

// 辅助色调
$secondary-color: #9c27b0;      // 紫色 - 辅助色
$accent-color: #ff5722;         // 橙红色 - 强调色
$success-color: #4caf50;        // 绿色 - 成功状态
$warning-color: #ff9800;        // 橙色 - 警告状态
$error-color: #f44336;          // 红色 - 错误状态
$info-color: #2196f3;           // 蓝色 - 信息状态

// 中性色调
$text-primary: #212121;         // 主要文字
$text-secondary: #757575;       // 次要文字
$text-disabled: #bdbdbd;        // 禁用文字
$text-hint: #9e9e9e;           // 提示文字

// 背景色
$bg-primary: #ffffff;           // 主背景
$bg-secondary: #fafafa;         // 次背景
$bg-card: #ffffff;              // 卡片背景
$bg-overlay: rgba(0, 0, 0, 0.5); // 遮罩背景

// 边框色
$border-color: #e0e0e0;         // 默认边框色
$border-light: #e0e0e0;         // 浅边框
$border-medium: #bdbdbd;        // 中等边框
$border-dark: #757575;          // 深边框

// 阴影
$shadow-light: 0 1px 3px rgba(0, 0, 0, 0.12);
$shadow-medium: 0 4px 6px rgba(0, 0, 0, 0.1);
$shadow-heavy: 0 10px 25px rgba(0, 0, 0, 0.15);

// 圆角
$border-radius-sm: 4px;
$border-radius-md: 8px;
$border-radius-lg: 12px;
$border-radius-xl: 16px;

// 间距
$spacing-xs: 4px;
$spacing-sm: 8px;
$spacing-md: 16px;
$spacing-lg: 24px;
$spacing-xl: 32px;
$spacing-xxl: 48px;

// 字体大小
$font-size-xs: 12px;
$font-size-sm: 14px;
$font-size-md: 16px;
$font-size-lg: 18px;
$font-size-xl: 20px;
$font-size-xxl: 24px;
$font-size-title: 28px;
$font-size-hero: 36px;

// 字体粗细
$font-weight-light: 300;
$font-weight-normal: 400;
$font-weight-medium: 500;
$font-weight-bold: 700;

// 行高
$line-height-tight: 1.2;
$line-height-normal: 1.5;
$line-height-relaxed: 1.6;
$line-height-loose: 1.8;

// 断点 - 4K屏幕适配
$breakpoint-xs: 480px;
$breakpoint-sm: 768px;
$breakpoint-md: 1024px;
$breakpoint-lg: 1440px;
$breakpoint-xl: 1920px;
$breakpoint-xxl: 2560px;       // 4K屏幕
$breakpoint-4k: 3840px;        // 4K屏幕

// Z-index层级
$z-index-dropdown: 1000;
$z-index-sticky: 1020;
$z-index-fixed: 1030;
$z-index-modal-backdrop: 1040;
$z-index-modal: 1050;
$z-index-popover: 1060;
$z-index-tooltip: 1070;

// 过渡动画
$transition-fast: 0.15s ease-in-out;
$transition-normal: 0.3s ease-in-out;
$transition-slow: 0.5s ease-in-out;